@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{
	list-style:none;
	margin:0;
	padding:0;
	text-decoration: none;	
}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/overflow-x:hidden;}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
.clear{clear:both;}
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input,textarea {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/
body {margin: 0px; color:#3F3F3F; font-size: 12px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif;min-width: 1440px;overflow-x: hidden;}
a:link { text-decoration: none;color: #131313;}
a:visited {text-decoration: none; color: #131313;}
a:hover { text-decoration: none;}
a:active {text-decoration: none; color: #131313;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clear{
	clear: both;
}
.xp_box{
    width: 100%;
    background: rgb(247, 247, 247);
}
.xp{
    width: 1200px;
    margin:0 auto;
}
.xp_l{
    float: left;
}
.xp_r{
    float: right;
}
.bannav{
    width:100%;
    position: relative;
}
.nav_box{
    width: 1200px;
    position: absolute;
	z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.logo{
    float: left;
    position: absolute;
    top:26px;
}
.logo img {
	width: 48%;
}
.nav{
    float: right;
    width: 620px;
}
.nav ul{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow:row wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-lines:multiple;
    box-orient:horizontal;
    box-lines:multiple;
    flex-flow:row wrap;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -moz-box-pack:space-between;
    box-pack:center;
}
.nav ul li a{
    color:#fff;
    font-size: 16px;
    height: 99px;
    line-height: 99px;
    display: block;
}
.nav ul li{
    position: relative;
}
.nav ul li.active em{
    width: 30px;
    height: 3px;
    background: #fff; 
    position: absolute; 
    bottom: 4px;
    left: 50%;
    margin-left: -15px;
    opacity: 1;
}
.nav ul li em{
    width: 30px;
    height: 3px;
    background: #fff; 
    position: absolute; 
    bottom: 4px;
    left: 50%;
    margin-left: -15px;
    opacity: 0;
    transition: all .5s;
}
.nav ul li:hover>em{
    opacity: 1;
}
.ev-line{
    opacity: 0.3;
    border-top: rgb(255, 255, 255) 1px solid;
    width: 1200px;
    height: 10px;
    position: absolute;
    top: 95px;
    left: 0;
    right: 0;
    margin: auto;
}
.service_box{
    width: 100%;
	height:670px;
    /* background: rgb(247, 247, 247); */
    padding: 80px 0 40px 0;
    overflow: hidden;
	background: url(../images/youshi.jpg) no-repeat center 0;
}
}
.service_box img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}
.service{
    width: 1200px;
    margin: 0 auto;
}
.ty_title{
    text-align: center;
    margin-bottom: 50px;
}
.ev-text1{
    font-size: 34px;
    color: #cccccc;
}
.ev-text2{
    font-family: 微软雅黑;
    font-size: 20px;
    color: #333333;
    line-height: 1.8;
}
.ser_con ul li{
    width: 275px;
    float: left;
    margin-right:24px; 
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s; /* Opera */
}
.ser-name{
    font-size: 16px;
    color: #555555;
    text-align: center;
    margin:15px 0 30px 0;
    position: relative;
    border-bottom:1px solid #ccc;
    padding-bottom: 20px;
}
.ser-name:after{
    content: '';
    width: 0;
    height: 2px;
    background: #0060Df;
    position: absolute;
    bottom:-1px;
    left:0;
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    transition: all 0.5s ease;
}
.ser_text{
    font-size: 14px;
    color: #888888;
    padding: 0px 24px 0 0;
}
.ser_con ul li:hover .ser-name a{
    color:#0060Df;
}
.ser_con ul li:hover .ser-name:after{
    width: 100%;
}
.ser_con{
    margin-bottom: 40px;
    overflow: hidden;
}
.ser-more{
    text-align: center;
    line-height: 45px;
}
.ser-more a{
    width: 145px;
    height: 45px;
    background: #fff;
    color: #0060Df;
    box-shadow: rgba(8, 1, 3, 0.5) 0px 5px 12px -8px;
    display: inline-block;
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    transition: all 0.5s ease;
}
.ser-more a:hover{
    background: #0060Df;
    color: #fff;
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    transition: all 0.5s ease;
}
.ipro_box{
    width:100%;
    background: rgb(247, 247, 247);
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 50px;
}
.ipro{
    width:1700px;
    margin:0 auto;
}
.pro-list{
    overflow: hidden;
}
.pro-list ul li{
    float: left;
    width: 370px;
    height: 318px;
    border: 1px solid #ccc;
    margin: 8px 16px;
    margin-bottom: 30px;
    text-align: center;
    padding: 20px 10px 30px 10px;
    transition: all 0.5s;
    -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari 和 Chrome */
    -o-transition: all 0.5s; /* Opera */
    cursor: pointer;
}
.pro-list ul li:hover .ipro-name a{
    color:#0060Df;
}
.ipro-name{
    text-align: center;
    position: relative;
}
.ipro-name:after{
    content: '';
    width: 0;
    height: 2px;
    background: #0060Df;
    position: absolute;
    bottom:0;
    left:0;
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    transition: all 0.5s ease;
}
.pro-list ul li:hover .ipro-name:after{
    width: 100%;
}
.ipro-name a{
    font-size: 16px;
    color: #555555;
    margin: 15px 0 30px 0;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    display: block;
}
.ipro-text{
    font-size: 14px;
    color: #888888;
    padding: 0px 24px 0 0;
}
.iabout-box{
    background: url(../images/about.jpg) no-repeat center 0;
    height: 701px;
    position: relative;
}
.iabout{
    width: 900px;
    margin:0 auto;
}
.ty_title-top{
    padding-top: 80px;
}
.ev-text11{
    font-size: 34px;
    color:#ECECEC;
}
.ev-text22{
    font-size: 20px;
    color: #fff;
}
.about_con{
    margin-top: 50px;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 1.8;
    margin-bottom: 40px;
}
.about-img{
    width:1040px;
    margin: 0 auto;
    position: absolute;
    bottom:-3px;;
    left:50%;
    margin-left: -520px;
}
.about-img ul li{
    float: left;
}
.icase-box{
    width: 100%;
    overflow: hidden;
    background:rgb(247, 247, 247);
    padding-bottom: 50px;
}
.icase{
    width: 1200px;
    margin:0 auto;
}
.icase-con{
    margin-top: 50px;
}
.icase-con ul li{
    float: left;
    margin: 0 30px;
}
.icase-name a{
    font-size: 14px;
    color: rgb(85, 85, 85);
    margin: 15px 0 30px 0;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    display: block;
}
.icase-name{
    position: relative;
}
.icase-name:after{
    content: '';
    width: 0;
    height: 2px;
    background: #0060Df;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    -ms-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    transition: all 0.5s ease;
}
.icase-con ul li:hover .icase-name a{
    color: #0060Df;
}
.icase-con ul li:hover .icase-name:after{
    width: 100%;
}
.inews-box{
    width: 100%;
    background: url(../images/news_bg.jpg) no-repeat center 0;
    height: 580px;
}
.inews{
    width: 1200px;
    margin:0 auto;
}
.inews-con{
    margin-top: 50px;
}
.inews-list1{
    width: 330px;
    margin-right: 45px;
}
.inews-list2{
    width: 360px;
    padding: 40px 45px;
    background: rgb(0, 96, 223);
}
.inews-title{
    padding-bottom: 9px;
    padding-top: 26px;
}
.inews-title a{
    font-size: 14px;
    color: rgb(85, 85, 85);
}
.inews-list1 p{
    font-size: 14px;
    color: rgb(136, 136, 136);
}
.inews-more-title1{
    font-size: 24px;
    color: #fff;
    line-height: 1.8;
}
.inews-more-title2 a{
    font-size: 14px;
    color: #fff;
}
.inews-more{
    overflow: hidden;
    line-height: 40px;
}
.inews-item{
    margin-top: 20px;
}
.inews-item ul li{
    background: url(../images/inews-list.png) no-repeat left;
    padding-left: 10px;
}
.inews-item ul li a{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
}
.sm{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    height: auto;
    margin-top: 30px;
}
.sm a{
    padding: 0 20px;
}
.footer{
    width: 100%;
    background: #1E85E4;
    /* margin-top: 30px; */
}
.bottom{
    width: 1200px;
    margin: 0 auto;
    height: 280px;
    padding-top: 30px;
}
.bottom_nav{
    float: left;
    width: 810px;
    height: 190px;
    line-height: 36px;
}
.bottom_nav a{
    color:#fff;
}
.copyright{
    color: #fff;
    line-height: 30px;
}
.cityspread{
    color: #fff;
}
.ewm{
    float: right;
}
.bottom_nav ul li:first-child{
    margin-left: 0px;
}
.bottom_nav ul li{
    float: left;
    margin-left: 33px;
}
.bottom_nav ul li a{
    color: #fff;
    font-size: 15px;
}
.n-box{
    width: 100%;
    background: rgb(247, 247, 247);
    overflow: hidden;
}
.n-mian{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.ty-list-left{
    width: 260px;
    float: left;
}
.about-con{
    width: 830px;
    float: right;
    background: #fff;
    padding: 40px;
}
.ty-list-title{
    height: 100px;
    line-height: 100px;
    color:#fff;
    background: #0060Df;
    text-align: center;
    font-size: 26px;
}
.ty-list-item{
    background: #fff;
    padding: 10px 15px;
}
.ty-list-item ul li{
    height: 50px;
    line-height: 50px;
    background: url(../images/3.png) right no-repeat;
    position: relative;
    transition: all .5s;
}
.ty-list-item ul li:after{
    content: '';
    position: absolute;
    width: 200px;
    height: 1px;
    background: rgb(236, 236, 236);
    left:18px;
    bottom:0;
}
.ty-list-item ul li a{
    font-size: 14px;
    color: #555555;
    display: block;
    transition: all .5s;
}
.ty-list-item ul li:hover{
    background: url(../images/2.png) right no-repeat;
}
.ty-list-item ul li a:hover{
    color: #0060Df;
}
.about-title{
    font-size: 22px;
    color: #4C4C4C;
    font-weight: bold;
}
.about-art{
    margin-top: 20px;
}
.npro-con{
    width: 910px;
    float: right;
    background: #fff;
    overflow: hidden;
}
.mbx_nav{
    background: #f8f8f8;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.mbx_nav span{
    position: absolute;
    border-bottom: 2px solid #3285FF;
    padding: 0 15px;
    left: 0px;
    top: -1px;
    font-size: 14px;
}
.mbx_nav .location{
    float: right;
    position: relative;
    right: 15px;
}
.miaoshu{
    margin-top: 20px;
    /* text-indent: 2em; */
    margin-left: 27px;
}
.pro{
    background: #fff;
    /* padding: 18px 9px 20px 20px; */
	/* padding: 18px 0px 20px 0px; */
	margin-top: 10px;
    overflow: hidden;
	
}
.pro li{
	/* width: 240px; */
	width: 303px;
    float: left;
    text-align: center;
    /* margin-left: 48px; */
}
.pro_img{
    cursor: pointer;
    transition: all 0.6s;
}
.pro .pro_name{
    margin-top: 16px;
    margin-bottom: 16px;
	font-size: 15px;
}
.pro_img:hover{
    transform: scale(1.1);
}
.pages{
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.pages ul li{
    display: inline-block;
}
.pages ul li a{
    display: block;
    padding: 0 10px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    height: 36px;
    line-height: 36px;
    min-width: 20px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.pages ul li a:hover{
    background: #3285FF;
    color: #fff;
}
.gl a{
    background: #3285FF;
    color: #fff;
}
.para{
    margin-top: 15px;
    overflow: hidden;
}
.cp_img{
    width: 300px;
    float: left;
}
.cp_des{
    width: 498px;
    float: right;
}
.para p{
    line-height: 30px;
    border-bottom: 1px dashed #e0e1dc;
}
.p_detail{
    padding: 15px 0;
}
.p_detail p{
    line-height: 30px;
}
.tag{
    border-top: 1px dashed #e0e1dc;
    color: #999;
}
.related_list h4{
    line-height: 30px;
    border-bottom: 1px solid #d7d7d7;
    color: #3285FF;
    font-size: 16px;
}
.related_news li a{
    width: 75%;
    float: left;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.4s;
}
.related_news li a:hover{
    color: #0060Df;
}
.related_news li span{
    width: 25%;
    float: right;
    text-align: right;
}
.related_pro li{
    margin: 20px 0;
    width: 25%;
    float: left;
    text-align: center;
}
.related_img{
    overflow: hidden;
}
.related_img img{
    display: inline;
    cursor: pointer;
    transition: all 0.4s;
}
.related_img img:hover{
    transform: scale(1.1);
}
.related_pro li span{
    display: block;
    line-height: 30px;
}
.line-30{
    line-height: 30px;
}
.news-list-con{
    width: 910px;
    float:right;
    overflow: hidden;
}
.news_list-item{
    padding: 25px 30px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
}
.news-img{
    width: 130px;
}
.news-img img{
    border:1px solid rgb(243, 243, 243);
    padding: 5px;
}
.news-p{
    width: 681px;
}
.news-p-tiele{
    padding: 6px 0 10px;
}
.news-p-tiele a{
    font-size: 16px;
    color: #545454;
}
.news-p-tiele a:hover{
    color: #0060Df;
}
.news-p-art{
    color: #777777;
    font-size: 14px;
}
.xx h1{
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}
.map_con{
    margin-bottom: 10px;
    padding:5px 8px;
    height: 30px;
}
.map_con ul li{
    float: left;
    margin-left: 12px;
    line-height: 30px;
}

.banc {
	text-align: center;
}
.banc img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.carousel {
	position:relative;
}
.carousel-inner {
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius: 10px;
}
.carousel-inner>.item {
	position:relative;
	display:none;
	-webkit-transition:.6s ease-in-out left;
	-o-transition:.6s ease-in-out left;
	transition:.6s ease-in-out left;
	text-align: center;
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img {
	line-height:1;
	display: inline-block;
	max-width: 100%;
}
@media all and (transform-3d),(-webkit-transform-3d) {
	.carousel-inner>.item {
	-webkit-transition:-webkit-transform .6s ease-in-out;
	-o-transition:-o-transform .6s ease-in-out;
	transition:transform .6s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000
}
.carousel-inner>.item.next,.carousel-inner>.item.active.right {
	left:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0)
}
.carousel-inner>.item.prev,.carousel-inner>.item.active.left {
	left:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0)
}
.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active {
	left:0;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
	display:block
}
.carousel-inner>.active {
	left:0
}
.carousel-inner>.next,.carousel-inner>.prev {
	position:absolute;
	top:0;
	width:100%
}
.carousel-inner>.next {
	left:100%
}
.carousel-inner>.prev {
	left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
	left:0
}
.carousel-inner>.active.left {
	left:-100%
}
.carousel-inner>.active.right {
	left:100%
}
.carousel-control {
	position:absolute;
	top:45%;
	bottom:0;
	left:0;
	width:15%;
	font-size:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
	filter:alpha(opacity=50);
	opacity:.5
}
.carousel-control.left {
	
}
.carousel-control.right {
	right:0;
	left:auto;	
}
.carousel-control:hover,.carousel-control:focus {
	color:#fff;
	text-decoration:none;
	filter:alpha(opacity=90);
	outline:0;
	opacity:.9
}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {
	position:absolute;
	top:50%;
	z-index:5;
	display:inline-block
}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {
	left:50%;
	margin-left:-10px
}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {
	right:50%;
	margin-right:-10px
}
.carousel-control .icon-prev,.carousel-control .icon-next {
	width:20px;
	height:20px;
	margin-top:-10px;
	font-family:serif
}
.carousel-indicators {
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:15;
	width:60%;
	padding-left:0;
	margin-left:-30%;
	text-align:center;
	list-style:none
}
.carousel-indicators li {
	display:inline-block;
	width:9px;
	height:9px;
	margin:1px;
	text-indent:-999px;
	cursor:pointer;
	background-color:#000 \9;
	background-color:rgba(0,0,0,0);
	border:1px solid #fff;
	border-radius:10px;
}
.carousel-indicators .active {
	width:11px;
	height:11px;
	margin:0;
	background-color: #fff;
}
.carousel-caption {
	position:absolute;
	right:15%;
	bottom:20px;
	left:15%;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
	text-shadow:none
}
@media screen and (min-width:768px) {
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next {
		width:30px;
		height:30px;
		margin-top:-15px;
		font-size:30px
	}
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {
		margin-left:-15px
	}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next {
		margin-right:-15px
	}
	.carousel-caption {
		right:20%;
		left:20%;
		padding-bottom:30px
	}
	.carousel-indicators {
		bottom:20px
	}
}

#demo1p {
    height: 340px;
	text-align: center;
    overflow: hidden;	
}
#indemo1p {
    float: left;
    width: 800%;
}
#demo1p1 {
    float: left;
}
#demo1p2 {
    float: left;
}